為什麼要學習寫網頁呢？不管是你要為國家盡一份心力、好好做公司的一顆小螺絲釘、做自己的創作...等等。都牽扯到網頁程式。不管是業務、行銷、財務、會計、人資等職務，都已經在使用網頁來做事情。不管是key in 資料、將資料呈現、將資料作分析、出報表等，最終端一定是由網頁呈現。

以下為我此系列的目錄(會每天更新，所以這系列還沒結束，這個目錄都是不完整的)

作者為菜鳥，如果內容不佳請鞭小力一點，歡迎跟我討論 :)

本系列使用HTML, CSS, JavaScript, XAMPP(PHP, MySQL), sublime text 3

目錄

前端

網頁程式設計簡介

• 網頁的資料內容與顯示方式
• 網頁的組成
• 響應式網頁設計

開發網頁的測試環境與工具

• 實作(含sublime text3介紹)
• 專案版本控制
• Browser-Sync
• Chrome debug技巧(Chrome DevTools)

HTML語法介紹

• 多媒體與超連結
• 清單與表格
• 表單與內嵌網頁

CSS介紹

• 在網頁中加入CSS樣式
• CSS樣式規則組成
• 文字效果
• 背景效果
• 表格框線
• 清單樣式
• BOX模型
• 元素定位

JavaScript介紹

• 認識JavaScript
• DOM物件模型
• 基本語法
• 存取元素屬性
• DOM事件設定
• 使用windows物件控制瀏覽器
• JavaScript練習-1
• JavaScript練習-2

jQuery介紹

• jQuery介紹
• jQuery基本用法
• 使用jQuery處理事件

Bootstrap介紹

• RWD & Bootstrap介紹
• Bootstrap語法

AJAX介紹

• AJAX介紹
• AJAX語法
• AJAX範例_JSON()
• AJAX範例_XML()

後端

開發環境建立

• 淺談Web應用程式
• XAMPP
• XAMPP & PHP

PHP相關

• sublime text3 for PHP
• PHP介紹及其運作方式
• PHP語法
• PHP自訂函數
• 引入檔案
• 內建函數
• 錯誤處理
• PHP狀態管理
• SESSION、檔案處理、電子郵件處理範例-1
• SESSION、檔案處理、電子郵件處理範例-2
• SESSION、檔案處理、電子郵件處理範例-3
• SESSION、檔案處理、電子郵件處理範例-4

資料庫系統

• MySQL資料庫系統
• PHP與MySQL建立網頁資料庫
• 網站登入實作
• PDO